﻿@{
    ViewBag.Title = "Estado de Cuenta";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
    if (ViewBag.permiso == 1)
    {
        Layout = "~/Views/Shared/_PropietarioLayout.cshtml";    
    }
}
<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
                .text(t)
                .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");
            });
    });

    </script>
<body id="page5">
		
<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
                        <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
                        
						<article class="col1" style="width: 750px">
                            <!--dentro de div pad2 trabajare mi formulario -->
							<div class="pad2">
								<h2 class="pad_bot1 pad_top1">Estado de Cuenta</h2>
									
                                   <form id="ContactForm" method="post">
                                       	<div>
								<br><table border ="0" id="indice" >
                                                <tr>
                                                    <th>Cuota</th>
                                                    <th>Nro. Depto.</th>
                                                    <th>Monto</th>
                                                    <th>Fecha de Emision</th>
                                                    <th>Fecha de Vencimiento</th>
                                                    <th>Tipo cuota</th>
                                                    <th>Estado</th>
                                                    <th>Ver PDF</th>
                                                </tr>
                                                    @foreach (TumbaloSoft.Models.Cuota cuota in ViewBag.ListaCuotas)
                                                    {
                                                        <tr class="alt">
                                                            <td style="text-align:right">@cuota.prIdCuota</td>
                                                            <td style="text-align:center">@cuota.prDepartamento.prNumeroDepartamento</td>
                                                            <td style="text-align:right">@cuota.prMonto.ToString("0.00") soles</td>
                                                            <td style="text-align:center">@cuota.prFechaEmision.ToShortDateString()</td>
                                                            <td style="text-align:center">@cuota.prFechaVencimiento.ToShortDateString()</td>
                                                            <td style="text-align:center">@cuota.prTipo</td>
                                                            <td style="text-align:center">@cuota.prEstado</td>
                                                            <td style="text-align:center">@Html.ActionLink("Ver", "ReporteCuotaPDF", new { @cuota.prIdCuota, back = "index"})</td>
                                                        </tr>
                                                    }
											</table>
										</div>						
								   </form>
								<br>
                                </div>
						    </article>
                        </div>
				
				</section>
			</div>
            </div>
		
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

</body>